<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>月影</title>
    <link rel="stylesheet" href="./common.css">
</head>
<body>
    <!-- 语义化标签  div 蜘蛛用的-->        
    <header>
        <button id="modeBtn">白天</button>
        <h1>叶加起的博客写的不错</h1>
    </header>
    <!-- 重要的主体部分 -->
    <main>
        <div class='pic'>
            <img src="https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/154b55eb36c8ae10f701e2d3d6cfb138~300x300.image
            " >
         </div>
         <div class="description">
             <article>
                 <header>
                    这是叶加起同学的博客,他未来会在掘金写文章,未来会成为掘金网红 
                    <hr>
                    <ul>
                        <li>1. 写十篇以上文章</li>
                        <li>2. 有一到两篇点赞数超100的文章</li>
                        <li>3. 上作者榜单</li>    
                    </ul>
                 </header>
             </article>
         </div>
    </main>
    <footer>
        叶加起的个人博客,欢迎加好友
    </footer>
    <script src="./common.js"></script>
</body>
</html>